<div class="container">
    <div class="row">
      <div class="col-12"><h4>我是新闻页</h4></div>
    </div>
    <div class="row">
      <div class="col-5">
        <div class="list-group">
          <a href="#" class="list-group-item list-group-item-action" routerLink="./detail/001" routerLinkActive="active">新闻001</a>
          <a href="#" class="list-group-item list-group-item-action" [routerLink]="['./detail','002']" routerLinkActive="active">新闻002</a>
          <a href="#" class="list-group-item list-group-item-action" [routerLink]="['./detail','003']" [queryParams]="{a:1,b:2}" routerLinkActive="active">新闻003</a>
          <input type="button" class="btn btn-block" value="新闻004" (click)="goDetail()">
        </div>
      </div>
      <div class="col-7">
        <router-outlet></router-outlet>
      </div>
    </div>
  </div>